<template>
  <h3>
    Counter: {{ count }}
    <button @click='inc()' style='margin-right:10px'>+</button>
    <button @click='dec()'>-</button>
  </h3>
</template>

<script>
import {useCounter} from "@vueuse/core";

export default {
  name: 'useCount',
  setup() {
    const {count, inc, dec} = useCounter()
    return {
      count,
      inc,
      dec,
    }
  }
}
</script>

<style scoped>

</style>
